<% layout('/layouts/default.html', {title: '', libs: ['dataGrid']}){ %>
<!-- <link rel="stylesheet" href="${ctxStatic}/modules/sys/sysDesktop.css?${_version}"> -->
<style>
	.bindOne {
		border-radius: 4px;
		margin: 0px 0px 10px 10px;
	height: 360px
	;
		text-align: center;
		background: #fff;
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		transition: transform .3s, -webkit-transform .3s;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.BoxTitAll {

		display: -webkit-box;
		display: -ms-flexbox;
		/*display: flex;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 54px;
		line-height: 54px;

	}
	.BoxTitAll1 {

		display: -webkit-box;
		display: -ms-flexbox;
		/*display: flex;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 54px;

		text-align: center;

	;
	}

	.tabBody {
		margin-left: 100px;
		margin-top: 20px;
		list-style: none;
		/*height: 100px;*/
		padding: 0px;
		/*border: 1px solid #dcdfe6;*/
		border-radius: 5px;
		text-align: center;
		height: 34px;

	}

	.tabBody li {
		text-align: center;
        padding: 0px 10px 0px 10px;
        line-height: 33px;
		display: inline-block;

		font-size: 15px;
		border-radius: 4px;


	}

	.tabActive {
		color: #fff;
		background-color:#1f69e6 ;
		/*border-bottom: 2px solid #1F69E6;*/
	}

	.defaultColor_text {
		font-size: 16px;
		font-weight: 700;
		margin: 0 5px;
		color: #1F69E6;
		line-height: 54px;
	}

	.hand {
		cursor: pointer;
	}

	/*修改col-md-6的padding值*/
	.col-md-6 {
		padding: 5px 10px 5px 2px !important;
	}

	.wrapper {
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.jqgridborder{
		border-bottom: 1px dashed #CCC !important;
	}

	.ui-jqgrid .ui-priority-secondary{
		background: white !important;
	}

	.ui-row-ltr{
		border: 0px !important;
	}

	#gview_noticedataGrid .ui-jqgrid-hbox{
		display: none;
	}

	#gbox_noticedataGrid{
		border: none;
	}

	#noticedataGrid tr td{
		border: none;
	}

	#noticedataGrid tr td{
		border-bottom: 1px dashed #CCC;
	}

	.jqgfirstrow td{
		border-bottom: none !important;
	}

	#noticedataGrid tr:hover{
		cursor: pointer;
		text-decoration:underline;
		color: rgb(31, 105, 230);
	}

	#taskAlertInformationDataGrid {
		cursor: pointer
	}

	#noInformationDataGrid tr:hover{
		cursor: pointer;
	}

	#InformationDataGrid tr:hover{
		cursor: pointer;
	}
	.bindOne1{
		position: relative;
		border-radius: 4px;
		margin: 0px 0px 10px 0px;

		text-align: center;
		background: #fff;

		box-sizing: border-box;
	}
.moreColor{
	line-height: 54px
;
}
	.left4{
		height: 80%;

		height: 300px;
		padding: 10px;
		background-color: #fff;
	}
	.right6{

		height: 300px;
		background-color: #fff;

	}
	.fen1{
		background-color: #eeeeee;
	}
	.col-md-12{
		padding: 5px 5px !important;
	}
	.h50{
		height: 42%;
		display: flex;
		justify-content: start;
		align-items: center;
		padding: 1.5%;
	}
	.h501{
		height: 10%;
		display: flex;
		justify-content: start;
		align-items: center;
		padding: 1.5%;
		margin-top: 10px;
		width: 50%;

	}
	.h502{
		height: 10%;
		display: flex;
		justify-content: start;
		align-items: center;
		padding: 1.5%;
		margin-top: 10px;
		width: 50%;
	}
	.h50-D{
		box-shadow: 0 0 6px 0 #cecece;
		width: 30%;
		height: 106%;
		border-radius: 4px;
		cursor: pointer;
		margin: 10px;
		display: flex;
		align-items: center;
		justify-content: start;

	}
	.h50-D img{
		width: 4vw;
		height: 60px;
		margin-left: 6%;
	}
	.h50-t{
		display: flex;
		flex-flow: column;
		margin-left: 14%;
	}
	.h50-t span{
		display: inline-block;
	}
	.h50-t :nth-child(1){
		font-size: 22px;
		font-family: Microsoft YaHei;
		font-weight: 700;
		color: #575a5f;
	}
	.h50-t :nth-child(2){
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #8e949f;
	}
	.zy{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.zy-c{
		border-radius: 10px;
		cursor: pointer;
		width: 25%;
		height: 255px;
		display: flex;
		flex-flow: column;
	}
	.zy-c div{
		margin-top: 20px;
		font-size: 16px;
		color: #3e86ff;
		font-weight: 700;
	}


	.zy-c img{
		margin-left: 52%!important;
		margin-bottom: 10%;
		margin-top: 130px;
		width: 5vw;
		height: 80px;
	}
	.purpos{
		margin-right: 30px;

		background-color: #eff5ff;
	}
	.line-green{
		margin-left: 30px;
		background-color: #e9fffa;
	}
	.tabPoint{
		margin-right: 1%;
	}
	.control-label{
		overflow: hidden;

		text-overflow: ellipsis;
		white-space: nowrap;

	}
	.imwvw{
		width: 10vw;
		text-align: left;
	}
	.imwvw2{
		width: 15vw;
		text-align: left;
	}
	.button123{
		margin-top: 10px;
	}
	.select2-selection__placeholder{
		text-align: left!important;
	}
</style>
<div class="content pb0">
	<div class="row">
		<div class="col-md-12">
			<div class="bindOne1">
				<div class="BoxTitAll1">
					<div class="h501">
						<div class="form-group h502">
							<label class="control-label">${text('牵头领导')}：</label>
							<div class="control-inline imwvw">
								<#form:select path="taskLeader" items="${userList!}" blankOption="true" data-placeholder="请选择牵头领导" itemLabel="userName" itemValue="userCode" class="form-control  " />
								<#form:hidden path="taskLeaderName"/>
							</div>
						</div>
						<div class="form-group h502">
							<label class="control-label">${text('任务类型')}：</label>
							<div class="control-inline imwvw">
								<#form:select path="taskTypeCode" items="${dicts}" blankOption="true" data-placeholder="请选择" itemLabel="dictLabel" itemValue="dictValue" class="form-control "/>
							</div>
						</div>
						<div class="form-group h502">
							<label class="control-label">${text('任务信息')}：</label>
							<div class="control-inline imwvw">
								<#form:input path="taskTitle" maxlength="200" class="form-control " placeholder="请输入任务标题或内容"/>
								<#form:hidden path="remarks2" value='${dcSupSpecialWork.feedbackContent!}'/>
							</div>
						</div>
						<div class="form-group h502">
							<label class="control-label">${text('创建时间')}：</label>
							<div class="control-inline imwvw2">
								<#form:input path="createTaskDate" maxlength="200" class="form-control  width-220" />
							</div>
						</div>
						<div class="form-group button123" style="min-width: 240px">
							<button onclick="submit()" class="btn btn-primary btn-sm">${text('查询')}</button>
							<button onclick="cz();" class="btn btn-default btn-sm">${text('重置')}</button>
							<button  class="btn btn-default btn-sm">  <a href="#" id="linkToMsgList" onclick="unreadMsg()">切换列表>></a></button>
						</div>
					</div>
					<div class="tabPoint">
                        <span class="moreColor">

                        </span>
					</div>
				</div>
				<div class="tab-content fen1">
				    <div class="col-md-5 left4"  id="taskProgress">


				    </div>
					<div class="col-md-7 right6">






						<div class="h50">
							<div class="h50-D" onclick="refList('')">
								<img src="${ctxStatic}/m/images/p1.png">
								<div class="h50-t">
									<span id="allSate">
										0
									</span>
									<span>
										任务数
									</span>
								</div>
							</div>
							<div class="h50-D" onclick="refList('序时推进')"><img src="${ctxStatic}/m/images/p2.png">
								<div class="h50-t">

								    <span id="xstj">
										0
									</span>
								    <span>
										序时推进
									</span>
								</div>
							</div>
							<div class="h50-D" onclick="refList('未完成')"><img src="${ctxStatic}/m/images/p5.png">
								<div class="h50-t">
								<span id="wwc">
										0
									</span>
									<span>
										未完成
									</span></div></div>

						</div>
						<div class="h50">
							<div class="h50-D" onclick="refList('已完成')"><img src="${ctxStatic}/m/images/p3.png">
								<div class="h50-t">
								<span id="ywc">
										0
									</span>
								<span>
										已完成
									</span></div></div>
							<div class="h50-D" onclick="refList('滞后时序')"><img src="${ctxStatic}/m/images/p4.png">
								<div class="h50-t">

								    <span id="zhsx">
										0
									</span>
									<span>



										滞后时序
									</span>
								</div>
							</div>

							<div class="h50-D" onclick="refList('逾期未反馈')"><img src="${ctxStatic}/m/images/p5.png">
								<div class="h50-t">
								<span id="yqwfk">
										0
									</span>
								<span>
										逾期未反馈
									</span></div></div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="bindOne">
				<div class="BoxTitAll">
					<h1 class="defaultColor_text">单位承办督办事项TOP10排名</h1>
				</div>
				<div class="handTable" id="overdueFeedback" style="height:80%;width: 100%">

				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="bindOne">
				<div class="BoxTitAll">
					<h1 class="defaultColor_text">逾期未反馈通报</h1>
					<div>
                        <span class="moreColor">
                            <a href="#" onclick="goOverdueDetail()"><i class="icon-options" ></i></a>
                        </span>
					</div>
				</div>
				<div class="handTable" id="overdueFeedback1" style="height:80%;width: 100%">

				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div class="bindOne">
				<div class="BoxTitAll">
					<h1 class="defaultColor_text">进度滞后通报</h1>
					<div>
                        <span class="moreColor">
                           <a href="#" onclick="goOverdueDetail()"><i class="icon-options" ></i></a>
                        </span>
					</div>
				</div>
				<div class="handTable" id="progressLagNotification" style="height:75%;width: 100%">

				</div>
			</div>
		</div>



	</div>


</div>

<% } %>
<script src="${ctxStatic}/jquery/jquery-ui-sortable-1.12.1.min.js"></script>
<script src="${ctxStatic}/echarts/4.2/echarts.min.js"></script>
<script>
	//日期时间范围选择
	laydate.render({
		elem: '#createTaskDate'
		,type: 'date'
		,range: '~'
			,format: 'yyyy-MM-dd'
	});
	// console.log('${@UserUtils.getUser().getUserCode()}')
	// $(function () {
	// 	leaderStatistics('5','${@UserUtils.getUser().getUserCode()}');
	// })
	// var arr = new Array();
	// function leaderStatistics(timeParam,taskLeader) {
	// 	$.ajax({
	// 		url: "${ctx}/home/supIndex/queryTwo",
	// 		type: "post",
	// 		cache: false,
	// 		data: {"timeParam":timeParam,"taskLeader":taskLeader},
	// 		dataType: "json",
	// 		success: function(res){
	// 			arr=[]
	// 			$("#zhiSate").text(res[1]);
	// 			$("#yuqiSate").text(res[2]);
	// 			$("#xushiSate").text(res[3]);
	// 			$("#wanSate").text(res[4]);
	// 			$("#allSate").text(res[1]+res[2]+res[3]+res[4])
	// 			arr.push({"name":"进度滞后","value":res[1]})
	// 			arr.push({"name":"逾期反馈","value":res[2]})
	// 			arr.push({"name":"序时推进","value":res[3]})
	// 			arr.push({"name":"已完成","value":res[4]})
	// 			arr.push({"name":"任务数","value":res[1]+res[2]+res[3]+res[4]})
	// 			console.log(arr,123)
	// 			let twoListName = res.nameList
	// 			let twoList = arr
	//
	// 			taskProgressEcharts = echarts.init(document.getElementById('taskProgress'), 'default');
	// 			// taskProgressEcharts.on('legendselectchanged', function (params) {
	// 			// 	taskProgressEcharts.setOption({
	// 			// 		legend: { selected: { [params.name]: true } },
	// 			// 	});
	// 			// 	js.addTabPage( null,'任务进展', '${ctx}/home/supIndex/supIndexTwoDetail?name='+params.name, true, true);
	// 			// })
	// 			taskProgressEcharts.setOption({
	// 				tooltip: {
	// 					trigger: 'item'
	// 				},
	// 				grid: {
	// 					top:'5%',
	// 					left: '3%',
	// 					right: '0%',
	// 					bottom: '5%',
	// 					containLabel: true
	// 				},
	// 				legend: {
	// 					orient: 'vertical',
	// 					data: twoListName,
	// 					y: 'center',
	// 					right: '0%',
	// 					itemWidth: 45,
	// 					itemHeight: 20,
	// 					itemGap: 15,
	// 					textStyle: {
	// 						fontSize: 14,
	// 						color: "rgba(23, 22, 22, 1)"
	// 					},
	// 					formatter: function (name) {
	// 						let tarValue;
	// 						for (let i = 0, l = twoList.length; i < l; i++) {
	// 							if (twoList[i].name == name) {
	// 								tarValue = twoList[i].value;
	// 							}
	// 						}
	//
	// 						return name + "：" + tarValue;
	// 					}
	// 				},
	// 				series: [
	// 					{
	// 						type: 'pie',
	// 						radius: ['40%', '60%'],
	// 						avoidLabelOverlap: false,
	// 						label: {
	// 							show: false,
	// 							position: 'center'
	// 						},
	// 						itemStyle: {
	// 							normal: {
	// 								color: function (params) {
	// 									var colorList = [
	// 										'#4b87ff',
	// 										'#FF0000',
	// 										'#1abd6e',
	// 										'#800080',
	// 										'#ff8b19'
	// 									];
	// 									return colorList[params.dataIndex]
	// 								},
	// 							}
	// 						},
	// 						label: {
	// 							show: false,
	// 							position: 'center'
	// 						},
	//
	// 						labelLine: {
	// 							show: false
	// 						},
	// 						data: twoList
	// 					}
	// 				]
	// 			})
	// 		},
	//
	//
	//
	//
	// 	});
	// }


	let taskProgressEcharts;
	let overdueFeedback;
	let overdueFeedback1;
	let progressLagNotification;
	var max = function(arr) {
		var maxNum = parseInt((Math.max.apply(null, arr)) / 3)

		return maxNum

	}
	function submit() {

		leaderStatistics($('#taskLeader').val(),$('#taskTypeCode').val(),$('#taskTitle').val(),$('#createTaskDate').val())
	}
	function cz(){
		$('#taskLeader').val("").select2()
		$('#taskTypeCode').val("").select2()
		$('#taskTitle').val('')

		leaderStatistics()

	}
	function leaderStatistics(taskLeader,taskTypeCode,taskTitle,createTaskDate){
		//任务进展图表
		$.ajax({
			type: 'get',
			url: "${ctx}/home/supIndex/queryTwo",
			data: {"taskLeader":taskLeader,'taskTypeCode':taskTypeCode,'taskTitle':taskTitle,'createTaskDate':createTaskDate},
			success: function (res) {
				let twoListName = res.nameList
				let twoList = res.list
				for (let i = 0, l = twoList.length; i < l; i++) {
					if (twoList[i].name == '序时推进') {
						$("#xstj").text(twoList[i].value)
					}
					if (twoList[i].name == '滞后时序') {
						$("#zhsx").text(twoList[i].value)
					}
					if (twoList[i].name == '已完成') {
						$("#ywc").text(twoList[i].value)
					}
					if (twoList[i].name == '未完成') {
						$("#wwc").text(twoList[i].value)
					}
					if (twoList[i].name == '逾期未反馈') {
						$("#yqwfk").text(twoList[i].value)
					}

				}
				$.ajax({
					type: 'post',
					url: "${ctx}/specialWork/dcSupSpecialWork/queryConditionNums",
					data: {"taskLeader":taskLeader,'taskTypeCode':taskTypeCode,'taskTitle':taskTitle,'createTaskDate':createTaskDate},
					success: function (res) {
						$("#allSate").text(res.data)


					}
				});
				echarts.init(document.getElementById('taskProgress')).dispose()
				taskProgressEcharts = echarts.init(document.getElementById('taskProgress'), 'default');
				taskProgressEcharts.on('legendselectchanged', function (params) {
					taskProgressEcharts.setOption({
						legend: { selected: { [params.name]: true } },
					});
					js.addTabPage( null,'任务进展', '${ctx}/home/supIndex/supIndexTwoDetail?name='+params.name
							+"&taskLeader="+$("#taskLeader").val()+"&taskTypeCode="+$("#taskTypeCode").val()+"&taskTitle="+$("#taskTitle").val()+"&createTaskDate="+$("#createTaskDate").val(), true, true);
				})
				taskProgressEcharts.setOption({
					tooltip: {
						trigger: 'item'
					},
					grid: {
						top:'5%',
						left: '3%',
						right: '0%',
						bottom: '5%',
						containLabel: true
					},
					legend: {
						orient: 'vertical',
						data: twoListName,
						y: 'center',
						right: '0%',
						itemWidth: 45,
						itemHeight: 20,
						itemGap: 15,
						textStyle: {
							fontSize: 14,
							color: "rgba(23, 22, 22, 1)"
						},
						formatter: function (name) {
							let tarValue;
							for (let i = 0, l = twoList.length; i < l; i++) {
								if (twoList[i].name == name) {
									tarValue = twoList[i].value;
								}
							}

							return name + "：" + tarValue;
						}
					},
					series: [
						{
							type: 'pie',
							radius: ['40%', '60%'],
							avoidLabelOverlap: false,
							label: {
								show: false,
								position: 'center'
							},
							itemStyle: {
								normal: {
									color: function (params) {
										var colorList = [
											'#4b87ff',
											'#FF0000',
											'#1abd6e',
											'#800080',
											'#ff8b19'
										];
										return colorList[params.dataIndex]
									},
								}
							},
							label: {
								show: false,
								position: 'center'
							},

							labelLine: {
								show: false
							},
							data: twoList
						}
					]
				})
			}
		});
	}
	leaderStatistics();

	//逾期未反馈通报
	$.ajax({
		type: 'get',
		url: "${ctx}/home/supIndex/queryOrgRank",
		success: function (res) {
			let fiveListName1 = res.data
			let fiveListName=[]
            let fiveListValue=[]
			fiveListName1.map((item,index)=>{
				fiveListValue.push({
					name:item.orgName,
					value:item.nums
				})

			})
			fiveListName1.map((item,index)=>{
				fiveListName.push(item.orgName)

			})
			// let fiveListValue = res.valueList.splice(0,10)
			overdueFeedback = echarts.init(document.getElementById('overdueFeedback'), 'default');
			overdueFeedback.on('click', function (params) {
				js.addTabPage( null,'逾期未反馈事项', '${ctx}/home/supIndex/supIndexFive?leaderOrgCode='+res.list[params.dataIndex].nameId, true, true);
			})
			let six=fiveListName.length
			let num=0
			if (six>3){
				num=20
			}else {
				num=100
			}
			let maxNum= Math.max.apply(null,fiveListValue)

			overdueFeedback.setOption({
				color: ['#ff8b19'],
				tooltip: {
					trigger: 'axis',
					formatter: "{b0}<br /> 任务数：{c0}"
				},
				xAxis: {
					type: 'category',
					data: fiveListName,
					axisLabel: {
						rotate:60,
						formatter: function(params) {
							return params.substring(0,3)+"..."
						}
					}
				},

				grid: {
					top:'5%',
					left: '3%',
					right: '4%',
					bottom: '15%',
					containLabel: true
				},
				dataZoom: [
				    {
				        id: "dataZoomX",
				        type: "slider",
				        // show:false,
				        height: 20,
				        start: 1, //数据窗口范围的起始百分比0-100
				        end: 33, //数据窗口范围的结束百分比0-100
				        xAxisIndex: [0],
				        filterMode: "filter",
				        realtime: true,

				        bottom: 0,
				        textStyle: {
				            color: "#e7e7eb",
				        },

				    },
				    {
				        type: "inside", // 内置于坐标系中
				        start: 0,
				        end: 10,
				        xAxisIndex: [0],
				    },
				    //2.在内部可以横向拖动
				],
				yAxis: {
					type: 'value',
					interval:100, // 步长
					min:0, // 起始
				},
				series: [{
					data: fiveListValue,
					type: 'bar',

					itemStyle: {
						normal: {
							color: '#4b87ff',
						}
					},
					barWidth: 40
				}]
			})
		}
	});

	//逾期未反馈通报
	$.ajax({
		type: 'get',
		url: "${ctx}/home/supIndex/queryFive",
		success: function (res) {
			let fiveListName = res.nameList.splice(0,4)
			let fiveListValue = res.valueList
			overdueFeedback1 = echarts.init(document.getElementById('overdueFeedback1'), 'default');
			overdueFeedback1.on('click', function (params) {
				js.addTabPage( null,'逾期未反馈事项', '${ctx}/home/supIndex/supIndexFive?leaderOrgCode='+res.list[params.dataIndex].nameId, true, true);
			})
			let six=fiveListName.length
			let num=0
			if (six>3){
				num=20
			}else {
				num=100
			}
			let maxNum= Math.max.apply(null,fiveListValue)

			overdueFeedback1.setOption({
				color: ['#ff8b19'],
				tooltip: {
					trigger: 'axis',
					formatter: "{b0}<br /> 逾期未反馈数量：{c0}"
				},
				xAxis: {
					type: 'category',
					data: fiveListName,
					axisLabel: {
						interval: 0 , //设置间隔为0
						length:100,
					}
				},

				grid: {
					top:'5%',
					left: '3%',
					right: '4%',
					bottom: '15%',
					containLabel: true
				},
				// dataZoom: [
				//     {
				//         id: "dataZoomX",
				//         type: "slider",
				//         // show:false,
				//         height: 20,
				//         start: 1, //数据窗口范围的起始百分比0-100
				//         end: 8, //数据窗口范围的结束百分比0-100
				//         xAxisIndex: [0],
				//         filterMode: "filter",
				//         realtime: true,
				//
				//         bottom: 0,
				//         textStyle: {
				//             color: "#e7e7eb",
				//         },
				//
				//     },
				//     {
				//         type: "inside", // 内置于坐标系中
				//         start: 0,
				//         end: 10,
				//         xAxisIndex: [0],
				//     },
				//     //2.在内部可以横向拖动
				// ],
				yAxis: {
					type: 'value',
					interval:max(fiveListValue)==0?1:max(fiveListValue), // 步长
					min:0, // 起始
				},
				series: [{
					data: fiveListValue,
					type: 'bar',

					itemStyle: {
						normal: {
							color: '#ff8b19',
						}
					},
					barWidth: 40
				}]
			})
		}
	});

	//进度滞后通报
	$.ajax({
		type: 'get',
		url: "${ctx}/home/supIndex/querySix",
		success: function (res) {
			let sixListName = res.nameList.splice(0,4)
			let sixListValue = res.valueList.splice(0,4)
			progressLagNotification = echarts.init(document.getElementById('progressLagNotification'), 'default');
			progressLagNotification.on('click', function (params) {
				js.addTabPage( null,'进度滞后通报', '${ctx}/home/supIndex/supIndexSix?leaderOrgCode='+res.list[params.dataIndex].nameId, true, true);
			})
			let six=sixListName.length
			let num=0
			if (six>3){
				num=20
			}else {
				num=100
			}



			progressLagNotification.setOption({
				color: ['#ff4d4d'],
				tooltip: {
					trigger: 'axis',
					formatter: "{b0}<br /> 进度滞后：{c0}次"
				},
				xAxis: {
					type: 'category',
					data: sixListName,
					axisLabel: {
						interval: 0 , //设置间隔为0
						length:100,
					}
				},
				grid: {
					top: '5%',
					left: '3%',
					right: '4%',
					bottom: '15%',
					containLabel: true
				},
				// dataZoom: [
				//     {
				//         id: "dataZoomX",
				//         type: "slider",
				//         // show:false,
				//         height: 20,
				//         start: 0, //数据窗口范围的起始百分比0-100
				//         end: num, //数据窗口范围的结束百分比0-100
				//         xAxisIndex: [0],
				//         filterMode: "filter",
				//         realtime: true,
				//         bottom: 0,
				//         textStyle: {
				//             color: "#e7e7eb",
				//         },
				//
				//     },
				//     //2.在内部可以横向拖动
				//     {
				//         type: "inside", // 内置于坐标系中
				//         start: 0,
				//         end: 30,
				//         xAxisIndex: [0],
				//     },
				// ],
				yAxis: {
					type: 'value',
					interval: max(sixListValue)==0?1:max(sixListValue), // 步长
					min: 0, // 起始

					// axisLabel :{
					//     interval:0
					// },

				},
				series: [{
					data: sixListValue,
					type: 'bar',
					itemStyle: {
						normal: {
							color: '#ff4d4d',
						}
					},
					barWidth: 40
				}]
			})
		}
	});

	$(function () {
		$(window).resize(function () {


			taskProgressEcharts.resize()
			progressLagNotification.resize()
			overdueFeedback.resize()

		});


		//    待办已办切换
		// $(".fen1>div").eq(1).hide();
		$(".tabBody li").click(function () {
			var index = $(this).index();
			$(this).siblings().removeClass("tabActive");
			$(this).addClass("tabActive");


			if (index == 0) {
				$(function () {
					leaderStatistics('${@UserUtils.getUser().getUserCode()}');
				})
			} else {
				$(function () {
					leaderStatistics('');
				})
			}

		})
	});


	//打开站内消息
	function msg() {
		js.addTabPage(null, "列表", "${ctx}/specialWork/dcSupSpecialWork/specialWorkOnePage", true,true)
	}

	//打开未读消息
	function unreadMsg() {
		js.addTabPage(null, "列表", "${ctx}/specialWork/dcSupSpecialWork/specialWorkOnePage", true,true)
	}
	function refList(val) {
		js.addTabPage(null, "列表", "${ctx}/specialWork/dcSupSpecialWork/specialWorkOnePage?feedbackContent="+val
				+"&contactName="+$("#taskLeader").val()+"&taskType="+$("#taskTypeCode").val()+"&taskContent="+$("#taskTitle").val()+"&createTaskDate="+$("#createTaskDate").val(), true,true)
	}
	//打开已读消息
	function readMsg() {
		js.addTabPage(null, "已读消息", "${ctx}/msg/list?pushed=true", true,true)
	}
	function goOverdueDetail(){
		js.addTabPage(null, "逾期未反馈", "${ctx}/home/supIndex/supIndexFiveDetail", true,true)
	}
	//打开任务逾期信息
	function renwuyuqi() {
		js.addTabPage(null, "任务逾期信息", "${ctx}/home/supIndex/supIndexThreeDetail", true,true)
	}
</script>